<template>
    <!--页面底部-->
<div class="m-footer">
    <div class="container ckearfix">
        <div class="fl m-f-logo">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/youpin-pc/production/YouPin_PC/static3/media/logo.8cef1e8f.png" alt="logo">
        </div>
        <div class="f-info fr">
            <div class="f-icons">
                <a href="https://www.xiaomiyoupin.com/app/shop/content?id=na056d0394b93a391"></a>
            </div>
            <div>
                <p class="footer-item">
                    <span>©xiaomiyoupin.com</span>
                    <span>苏B2-20180351 苏ICP备18025642号-1</span>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/youpin-pc/production/YouPin_PC/static3/media/record-icon.0c577066.png" style="width: 15px; height: 15px;vertical-align: -3px;">
                    <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010502010244" target="_blank" rel="noopener noreferrer">苏公网安备 xxxxxxxxxx号</a>
                </p>
                <p class="footer-item"></p>
                <p class="footer-item"></p>
                <p class="footer-item"></p>
                <p class="footer-item"></p>
            </div>
        </div>
    </div>
</div>
</template>
    
<script>
    
</script>
    
<style lang="less" scoped>
.m-footer {
    margin-top: 60px;
    padding: 45px 0;
    height: 45px;
    line-height: 23px;
    border-top: 1px solid #e7e7e7;
    background-color: #fff;
    color: #666;

}
.container {
    width: 1080px;
    margin: 0 auto
}
//logo
.fl {
    float: left
}
.m-footer .m-f-logo img {
    width: 123px;
    height: 45px;
    margin-right: 25px
}
img {
    vertical-align: middle;
    border: none
}
.m-footer .f-info {
    position: relative;
    padding-right: 138px;
    font-size: 12px
}
.fr {
    float: right
}
</style>